<template>
    <view class="box-c data-v-a4bcb8da">
        <image class="item-3d item-1 data-v-a4bcb8da" mode="aspectFill" :src="config.item_1 || 'https://cdn2.hquesoft.com/box/detail/3d-1.png'"></image>
        <image class="item-3d item-2 data-v-a4bcb8da" mode="aspectFill" :src="config.item_2 || 'https://cdn2.hquesoft.com/box/detail/3d-2.png'"></image>
        <image class="box-bg data-v-a4bcb8da" :src="boxBottomImage"></image>
        <view :class="['small-box-c', 'data-v-a4bcb8da', 'number' + $root.g0]">
            <image
                @tap="__e"
                :class="['data-v-a4bcb8da', 'item-' + index + 1 + (index === selected ? ' selected' : '')]"
                :data-event-opts="[['tap', [['selectItem', [index]]]]]"
                mode="widthFix"
                :src="smallBoxImage"
                v-if="index < 9 && !item"
                v-for="(item, index) in room.sku_status"
                :key="index"
            ></image>
        </view>
        <image class="box-bg-up data-v-a4bcb8da" :src="boxTopImage"></image>
        <image class="item-3d item-3 data-v-a4bcb8da" mode="aspectFill" :src="config.item_3" v-if="config.item_3"></image>
        <image class="click-tips data-v-a4bcb8da" src="https://bus-cdn.hquesoft.com/box/click-tips.png" v-if="isShowClickTips"></image>
    </view>
</template>

<script>
import tabBar from '@/components/TabBar/tabBar';
(global.webpackJsonp = global.webpackJsonp || []).push([
    ['pages/boxDetail/boxTheme/Box3D'],
    {
        '272c': function (t, o, e) {},
        '3bd1': function (t, o, e) {
            'use strict';

            e.r(o);
            var n = e('93b7');
            var i = e.n(n);
            for (var c in n) {
                if (['default'].indexOf(c) < 0) {
                    (function (t) {
                        e.d(o, t, function () {
                            return n[t];
                        });
                    })(c);
                }
            }
            o.default = i.a;
        },
        '798f': function (t, o, e) {
            'use strict';

            e.r(o);
            var n = e('a386');
            var i = e('3bd1');
            for (var c in i) {
                if (['default'].indexOf(c) < 0) {
                    (function (t) {
                        e.d(o, t, function () {
                            return i[t];
                        });
                    })(c);
                }
            }
            e('99db');
            var s = e('f0c5');
            var a = Object(s.a)(i.default, n.b, n.c, false, null, 'a4bcb8da', null, false, n.a, void 0);
            o.default = a.exports;
        },
        '93b7': function (t, o, e) {
            'use strict';

            (function (t) {
                Object.defineProperty(o, '__esModule', {
                    value: true
                });
                o.default = void 0;
                var e = {
                    props: {
                        room: {
                            type: Object
                        },
                        info: {
                            type: Object
                        }
                    },
                    data: function () {
                        return {
                            selected: -1,
                            isShowClickTips: false
                        };
                    },
                    created: function () {
                        this.isShowClickTips = !t.getStorageSync('disableShowClickTips');
                    },
                    computed: {
                        config: function () {
                            return this.$store.getters.setting.box_room;
                        },
                        boxBottomImage: function () {
                            return this.info.big_box_bottom || this.config.box_bottom || 'https://cdn2.hquesoft.com/box/bigBox/3d-bg.png';
                        },
                        boxTopImage: function () {
                            return this.info.big_box_top || this.config.box_up || 'https://cdn2.hquesoft.com/box/bigBox/3d-bg-up.png';
                        },
                        smallBoxImage: function () {
                            return this.info.small_box_image || this.config.small_box || 'https://cdn2.hquesoft.com/box/bigBox/small-box.png';
                        }
                    },
                    methods: {
                        selectItem: function (o) {
                            if (this.isShowClickTips) {
                                this.isShowClickTips = false;
                                t.setStorageSync('disableShowClickTips', true);
                            }
                            if (this.selected !== o) {
                                this.selected = o;
                                this.$playAudio('check');
                            } else {
                                this.$emit('select', o);
                            }
                        }
                    }
                };
                o.default = e;
            }.call(this, e('543d').default));
        },
        '99db': function (t, o, e) {
            'use strict';

            var n = e('272c');
            e.n(n).a;
        },
        a386: function (t, o, e) {
            'use strict';

            e.d(o, 'b', function () {
                return n;
            });
            e.d(o, 'c', function () {
                return i;
            });
            e.d(o, 'a', function () {});
            var n = function () {
                this.$createElement;
                var t = (this._self._c, this.room.sku_status.length);
                this.setData(
                    Object.assign(
                        {},
                        {
                            $root: {
                                g0: t
                            }
                        }
                    )
                );
            };
            var i = [];
        }
    }
]);
(global.webpackJsonp = global.webpackJsonp || []).push([
    'pages/boxDetail/boxTheme/Box3D-create-component',
    {
        'pages/boxDetail/boxTheme/Box3D-create-component': function (t, o, e) {
            e('543d').createComponent(e('798f'));
        }
    },
    [['pages/boxDetail/boxTheme/Box3D-create-component']]
]);
</script>
<style>
@import './Box3D.css';
</style>
